import React, { Component } from 'react';
import { withRouter } from 'react-router';


@withRouter
export default class MenuTwo extends Component {
    jumpThird = (path) => {
        this.props.history.push(path)
    }

    render(){
        return (
            <div>
                <div style={styles.menuTitle}>二级菜单页</div>
                <div style={{margin: '20px 0'}}>
                    <button style={{margin: '20px 0'}} onClick={() => this.jumpThird('/multi/pagetwo_info')}>跳二级菜单隐藏页,更新面包屑</button>
                </div>
                <div style={{margin: '20px 0'}}>
                    <button style={{margin: '20px 0'}} onClick={() => this.jumpThird('/multi/menutwo/pagethird')}>跳三级菜单页,更新面包屑、打开对应菜单</button>
                </div>
                <div style={{margin: '20px 0'}}>
                    <button style={{margin: '20px 0'}} onClick={() => this.jumpThird('/account/setting')}>跳'个人设置页面',更新面包屑、打开对应菜单</button>
                </div>
            </div>
        )
    }
} 


const styles = {
    menuTitle: {
        fontSize: '20px',
        marginBottom: '10px',
    },
    menuTwo: {
        display: 'flex',
        flexDireaction: 'row',
    }
}